﻿<html>

	<head>
		<script src="js/jquery-3.2.1.min.js"></script>

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<link rel="stylesheet" href="css/mui.min.css">
		<style>
			button {
				background: #f2675f;
				color: #FFFFFF;
				position: absolute;
				width: 100%;
			}
			
			div {
				text-align: center;
				font-family: "微软雅黑";
				line-height: 70px;
			}
		</style>
	</head>

	<body>
		<div>获取地理位置</div>

		<input class="ta" style="
    height: 50;
    width: 100%;
    font-size: 15px;
" /></br>
		</br>

		<input class="wei" style="
    height: 50;
    width: 100%;
    font-size: 15px;
" /></br>
		</br>
		<button id="getBBS" onclick="submitOrderInfoClick();">获取地理位置</button></br>
		</br>

	</body>
	<script type="text/javascript">
		function submitOrderInfoClick() {
			wx.getLocation({
				success: function(res) {
					$.ajax({
						type: "post",
						contentType: "application/json", //必须有
						url: 'http://igo.vrdete.com/api/amap/regeo',

						data: "{'location':'" + res.longitude + "," + res.latitude + "','radius':'1000','extensions':'all','batch':'false','roadlevel':'0'}",
						success: function(data) {
							$(".ta").val("获取位置成功：（" + res.longitude + "，" + res.latitude + "）")
							$(".wei").val(data.dataResultObj.regeocode.formatted_address)

						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
							console.log(type);
						}

					});
					console.log("获取位置成功：（" + res.longitude + "，" + res.latitude + "）");

				},
				fail: function(error) {
					AlertUtil.error("获取地理位置失败，请确保开启GPS且允许微信获取您的地理位置！");
				}
			});
		}

		function wxconfig() {
			var tourl = document.URL;

			$.ajax({
				type: "post",
				contentType: "application/json", //必须有
				url: 'http://igo.vrdete.com//api/wechat/jssdk/config',

				data: tourl,
				success: function(data) {

					console.log("SUCCESS" + data + "url:" + tourl);
					wx.config({
						debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						appId: data.dataResultObj.appId, // 必填，企业号的唯一标识，此处填写企业号corpid
						timestamp: data.dataResultObj.timestamp, // 必填，生成签名的时间戳
						nonceStr: data.dataResultObj.nonceStr, // 必填，生成签名的随机串
						signature: data.dataResultObj.signature, // 必填，签名，见附录1
						jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
					});
					wx.ready(function() {});

					wx.error(function(res) {});

				},
				error: function(xhr, type, errorThrown) {
					//异常处理；
					console.log(type);
				}

			});
		}

		window.onload = function() {

			wxconfig();

		}
	</script>

</html>